﻿<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/OneColumn.master"
    CodeBehind="HotelDetails.aspx.vb" Inherits="Phila.HotelDetails" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script>
    $(function () {
        $("#accordion").accordion({
            header: ".block .head" ,
            heightStyle: "content",
            autoHeight: false,
        });
    });
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <asp:Literal ID="ltrTitle" runat="server"></asp:Literal>
    <div class="contentpane">
        <asp:Panel ID="plHotelsList" runat="server">
            <asp:DataList ID="dlHotelsList" runat="server" RepeatColumns="4">
                <ItemTemplate>
                    <div class="hhotel">
                        <span class="curves ctop"></span><span class="curves cbot"></span>
                        <div class="image">
                            <a href="<%# Eval("Id", "HotelDetails.aspx?hId={0}") %>">
                                <asp:Image ID="Image1" runat="server" ImageUrl='<%# "Images/Img/" & Eval("Thumbnail") %>' /></a>
                        </div>
                        <div class="title">
                            <asp:Label ID="lblName" runat="server" Text='<%# Eval("Name") %>' /></div>
                        <div class="summary">
                            <asp:Label ID="lblSummary" runat="server" Text='' /></div>
                        <div class="starts">
                            <span class="active"></span><span class="active"></span><span class="active"></span>
                            <span class="active"></span><span class="inactive"></span>
                        </div>
                        <a href="<%# Eval("Id", "HotelDetails.aspx?hId={0}") %>" class="viewmore">View more</a>
                    </div>
                </ItemTemplate>
            </asp:DataList>
        </asp:Panel>
        <asp:Panel ID="plHotelDetails" runat="server">
            <div id="accordion">
                <%--Description--%>
                <div class="block itinerary clearfix">
                    <div class="head clearfix">
                        <span class="icon">Collapse/Expand</span>Description
                    </div>
                    <div class="content clearfix">
                        <asp:Literal ID="ltrDescription" runat="server"></asp:Literal>
                    </div>
                </div>
            </div>
        </asp:Panel>
    </div>
    <div class="rightpane">
        <%--Cost--%>
        <div class="block clearfix tour-cost">
            <div class="head clearfix">
                <span class="icon"></span>Check Availability
            </div>
            <div class="content clearfix">
                <div class="cost-panel">
                    <asp:Literal ID="ltrCost" runat="server"></asp:Literal>
                    <!--<asp:Button ID="btnBook" runat="server" CssClass="form-button btn-orange" Text="Check Availability" />-->
                </div>
            </div>
        </div>
        <%--Gallery--%>
        <div class="block clearfix">
            <div class="head clearfix">
                <span class="icon">Collapse/Expand</span>Image Gallery
            </div>
            <div class="content clearfix">
                <asp:Label ID="lblImages" runat="server" Visible="false"></asp:Label>
                <asp:DataList ID="dlImages" runat="server" RepeatColumns="3" ItemStyle-VerticalAlign="Top"
                    Width="100%">
                    <ItemTemplate>
                        <a href='<%# Eval("Image", "Images/Img/{0}") %>'>
                            <asp:Image ID="imgThumb" runat="server" ImageUrl='<%# Eval("Thumbnail", "Images/Img/{0}") %>'
                                Width="100%" CssClass="image" /></a>
                    </ItemTemplate>
                </asp:DataList>
            </div>
        </div>
    </div>
</asp:Content>
